<script setup>
import {useUser} from "../store/useUser.js";
import MenuLeft from "../components/MenuLeft.vue";
import MsgAudio from "../components/MsgAudio.vue";

const userStore = useUser()
</script>

<template>
   <div class="page-miain">
      <div class="page-left">
        <MenuLeft/>
      </div>
     <div class="page-right">
       <div class="right-content">
         <router-view/>
       </div>
     </div>
   </div>
   <MsgAudio/>
</template>

<style scoped lang="scss">
.page-miain{
  display: flex;
  flex-direction: row;
  height: 100vh;
}
.page-left{
  flex: 0 0 68px;
  display: flex;
}
.page-right{
  flex: 1;
  background: #F9F9F9;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}
.right-content{
  flex: 1;
  padding: 16px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
</style>